<template>
	<div class="icp-info">
		<p>
			<a href="https://beian.miit.gov.cn/" target="_blank">滇ICP备2024035371号-1</a>
			<span class="divider">|</span>
			<a href="http://www.beian.gov.cn/" target="_blank">
				<img src="@/assets/image/icp_logo.png" alt="公安备案图标"/>
				滇公网安备 53000002000101号
			</a>
		</p>
		<p>Copyright © 2024 拓信IM All Rights Reserved.</p>
	</div>
</template>

<script>
export default {
	name: 'Icp'
}
</script>

<style scoped>
.icp-info {
	text-align: center;
	line-height: 1.5;
}

.icp-info a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	transition: color 0.3s ease;
}

.icp-info a:hover {
	color: #fff;
}

.divider {
	margin: 0 10px;
	color: rgba(255, 255, 255, 0.8);
}

.icp-info img {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
}

.icp-info p {
	margin: 5px 0;
}
</style>